document.querySelector('.select').addEventListener('click',function(){
  // console.log(1);
  
  if (document.querySelector('.sel').style.display === 'none'){
    document.querySelector('.sel').style.display = 'block'
    
   }
   else{
     document.querySelector('.sel').style.display = 'none'
     
   }
})




// 下方角标制作
// 点击上一页
let i=1
document.querySelector('.prev').addEventListener('click',function(){
  i--
  if(i<1){
    i=9
  }
  document.querySelector('.xiared').classList.remove('xiared')
  document.querySelector(`.sing-foot ul li:nth-child(${i+1})`).classList.add('xiared')
})
// 点击下一页
document.querySelector('.next').addEventListener('click', function () {
  i++
  if (i > 9) {
    i = 1
  }
  document.querySelector('.xiared').classList.remove('xiared')
  document.querySelector(`.sing-foot ul li:nth-child(${i + 1})`).classList.add('xiared')
})
// 点击中间页码
const y= document.querySelector('.y')
y.addEventListener('click',e=>{
  if(e.target.dataset.id){
    // console.log(1);
   i = +e.target.dataset.id
    console.log(i);
    // document.querySelector(`.y li:nth-child(${i + 1})`).classList.add('xiared')
    document.querySelector('.xiared').classList.remove('xiared')
    document.querySelector(`.sing-foot ul li:nth-child(${i + 1})`).classList.add('xiared')

    // document.querySelector(`.sing-foot ul li:nth-child(${i + 1})`).classList.add('xiared')
    // document.querySelector(`.y li:nth-child(${i + 1})`).classList.add('xiared')
  }
})